Skip to content

ci: Add Random Quote Generator with tsParticles Background and FreeAPI Integration #294

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
Raijin-cyber wants to merge 5 commits into
base: main
Choose a base branch
from
Open

ci: Add Random Quote Generator with tsParticles Background and FreeAPI Integration #294

Raijin-cyber wants to merge 5 commits into from

Conversation

@Raijin-cyber
Copy link

@Raijin-cyber Raijin-cyber commented Aug 8, 2025 •
edited
Loading

✨ Random Quote Generator – Pull Request

🔗 Live Website: Random Quote Generator

🛠 Tech Stack

  • ⚡ Vite + React – For a fast, modern frontend setup

  • 🎨 Tailwind CSS – For effortless and responsive styling

  • 🌌 tsParticles – For interactive background animation

  • 🌐 FreeAPI – Fetching quotes using getQuoteById endpoint

🌟 Features

  • ✅ Responsive Design – Works seamlessly across all devices

  • 🧠 Animated Abstract Background – Adds a dynamic and modern visual experience

  • 🎯 Attractive CTA Button – Gradient styled “Get Inspired!” button to fetch quotes

  • 📜 Clean Typography – Quotes are displayed in a legible and aesthetic format

  • 🔄 Dynamic Quote Fetching – Utilizes async API calls with robust error handling

🖼️ Screenshots

image Screenshot_20250808-191502_Chrome

Desktop View | Button Highlight -- | --   |  

📦 Improvements Included

  • Refactored the getQuote function for better readability

  • Added .env handling to abstract API URLs

  • Clean separation of logic and styling

🙌 Why This PR Should Be Merged

This PR is a complete, polished, and deploy-ready component of the application.
It demonstrates strong fundamentals of React, API integration, environment variable handling, and modern UI design with Tailwind CSS + tsParticles.

I'm open to feedback and excited to contribute further improvements or features as needed!

@Raijin-cyber Raijin-cyber changed the title Add Random Quote Generator with tsParticles Background and FreeAPI Integration ci: Add Random Quote Generator with tsParticles Background and FreeAPI Integration Aug 10, 2025
wajeshubham
wajeshubham requested changes Oct 16, 2025
View reviewed changes
Copy link
Collaborator

@wajeshubham wajeshubham left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do not update.gitkeep file

@Raijin-cyber
Copy link
Author

Raijin-cyber commented Oct 17, 2025

Do not update.gitkeep file

Hey! I realized I accidentally deleted .gitkeep before initializing Git. I’d like to restore it with its original commit history so it doesn’t show up as modified in the PR. Could you guide me on the cleanest way to do that? I want to make sure I follow your structure exactly. Thanks!

@wajeshubham
Copy link
Collaborator

wajeshubham commented Oct 18, 2025

If its a part of a commit which has other changes, then just undo the deletion and commit the changes thats fine.

@Raijin-cyber
Copy link
Author

Raijin-cyber commented Oct 20, 2025

If its a part of a commit which has other changes, then just undo the deletion and commit the changes thats fine.

That .gitkeep file is not a part of the commit.
Should I create a new PR and a completely new repo again?

@Raijin-cyber
Copy link
Author

Raijin-cyber commented Oct 20, 2025

Sorry for the trouble. I am a beginner in open-source contributions.

@Raijin-cyber
Copy link
Author

Raijin-cyber commented Dec 1, 2025 •
edited
Loading

Do not update.gitkeep file

Thanks for the feedback! Just to clarify — I added files to this folder as part of the feature, so it’s no longer empty. I removed the .gitkeep file as the repo wasn't empty anymore. I also reviewed other people's contributions to this API HUB, and none of them seem to keep the .gitkeep file, I guess.

According to the last commit's message of main branch of APIHUB, I have included the following information for you: I followed exactly:
feat: restructure the examples folder to make it well structured
- add frontend developers contribution guide
- add empty folders with gitkeep in examples folder for frontend contribution

Let me know what works best!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@wajeshubham wajeshubham wajeshubham requested changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@Raijin-cyber @wajeshubham